<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="02-导航.css">
    <title>导航</title>
</head>
<body>
<div>
    <div class="top">top</div>
    <div class="navibar">navibar
<!--        <form action="" method="post">-->
<!--            <label for="username"></label>-->
<!--            <input type="username" name="username" id="username" placeholder="请输入用户名" value="">：用户名<br>-->
<!--            <label for="password"></label>-->
<!--            <input type="password" name="password" id="password" placeholder="请输入密码" value="">：密&nbsp;&nbsp;&nbsp;码<br>-->
<!--            <label for="email"></label>-->
<!--            <input type="email" id="email" name="email" value="">：邮&nbsp;&nbsp;&nbsp;箱<br>-->
<!--            <label for="redio"></label>-->
<!--            <input type="radio" id="redio" name="gender" value="">男&nbsp;&nbsp;&nbsp;-->
<!--            <input type="radio" name="gender" value="">女&nbsp;&nbsp;&nbsp;-->
<!--            <input type="radio" name="gender" value="">&nbsp;其他&nbsp;：性&nbsp;&nbsp;&nbsp;别<br>-->
<!--            <label for="hobey"></label>-->
<!--            <input type="checkbox" id="hobey" name="gender" value="">舞蹈-->
<!--            <input type="checkbox" name="music" value="">音乐-->
<!--            <input type="checkbox" name="gam" value="">其他 &nbsp;：爱&nbsp;&nbsp;&nbsp;好<br>-->
<!--            <button type="submit">提交</button>-->
<!--            <button type="reset">重置</button>-->
<!--            &lt;!&ndash;            <button type="button">按钮</button>&ndash;&gt;-->
<!--        </form>-->
    </div>
    <div>
        <div class="left">left</div>
        <div class="center">center</div>
        <div class="right">right</div>
    </div>
    <div class="footer">footer</div>
</div>
</body>
</html>